<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>评教结果</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="${request.contextPath}/tces/index/amazeui/css/amazeui.min.css"/>
    <link rel="stylesheet" href="${request.contextPath}/tces/index/default/style.css"/>
    <script src="${request.contextPath}/tces/index/amazeui/js/jquery.min.js"></script>
    <script src="${request.contextPath}/tces/index/amazeui/js/amazeui.min.js"></script>

    <style>
        .num-span{
            background: #497bae;
            color: #fff;
            line-height: 2rem;
            margin: 0px 10px 0px 0px;
            border-radius: 50%;
            padding: 0px 8px;
            position: absolute;
            right: 0;
            top: 0;
        }
        .container {
            width: 100%;
            max-width: 640px;
            margin: 0 auto;
            padding: 0;
        }
        .am-cf li{
            position: relative;
        }
    </style>
</head>

<body>
<form class="container">
    <header data-am-widget="header" class="am-header am-header-default my-header">
        <div class="am-header-left am-header-nav am-dropdown"  data-am-dropdown>
            <a href="javascript:;" class="am-dropdown-toggle"  data-am-dropdown-toggle>
                <i class="am-header-icon am-icon-th-large"></i>
            </a>
            <div style="display:none">

            </div>
            <ul class="am-dropdown-content">
                <li><a href="#">关于我们</a></li>
                <li><a href="#">新闻中心</a></li>
            </ul>
        </div>
        <h1 class="am-header-title">
            教师综合评教
        </h1>
        <div class="am-header-right am-header-nav">
            <a href="#right-link" class="">
                <i class="am-header-icon  am-icon-share-alt"></i>
            </a>
        </div>
    </header>
    <!-- 商品详情 -->
    <div data-am-widget="tabs" class="am-tabs am-tabs-d2">
        <ul class="am-tabs-nav am-cf">
            <#if user.status==2>
                <li class="am-active">
                    <a href="[data-tab-panel-1]">我评别人</a><span class="am-fr num-span" >${tcesResults?size}</span>
                </li>
                <li class="">
                    <a href="[data-tab-panel-0]">别人评我<span class="am-fr num-span">${tcesResultVos?size}</span></a>
                </li>
            </#if>
        </ul>
        <div class="am-tabs-bd am-accordion-content">
            <#if user.status==2>
            <div data-tab-panel-0 class="am-tab-panel am-active">
                <table class="am-table am-table-striped am-table-hover comm-table">
                    <thead id="delete-sorting" onclick="">
                    <tr>
                        <th>参评类别</th>
                        <th>被评人</th>
                        <th>我的评分</th>
                    </tr>
                    </thead>
                    <tbody>
                    <#list tcesResults as tcesResult>
                        <tr>
                            <td>${tcesResult.name!}</td>
                            <td>${tcesResult.tname!}</td>
                            <td>${tcesResult.result!}</td>
                        </tr>
                    </#list>
                    </tbody>
                </table>
            </div>
            <div data-tab-panel-1 class="am-tab-panel am-accordion-content">
                <table class="am-table am-table-striped am-table-hover comm-table">
                    <thead>
                    <tr>
                        <th>参评类别</th>
                        <th>参评人数</th>
                        <th>评教得分</th>
                    </tr>
                    </thead>
                    <tbody>
                    <#list tcesResultVos as tcesResultVo>
                        <tr>
                            <td>${tcesResultVo.name}</td>
                            <td>${tcesResultVo.groups}</td>
                            <td>${tcesResultVo.sum}</td>
                        </tr>
                    </#list>

                    </tbody>
                </table>
                <span>我的总分：${total}</span>
            </div>
            <#else>
            <div data-tab-panel-0 class="am-tab-panel am-active">
                <table class="table table-striped table-bordered table-hover " id="editable">
                    <thead id="delete-sorting" onclick="">
                    <tr>
                        <th>参评类别</th>
                        <th>被评人</th>
                        <th>我的评分</th>
                    </tr>
                    </thead>
                    <#list tcesResults as tcesResult>
                        <tr>
                            <td>${tcesResult.name!}</td>
                            <td>${tcesResult.tname!}</td>
                            <td>${tcesResult.result!}</td>
                        </tr>
                    </#list>
                </table>
            </div>
            </#if>
        </div>
    </div>

    <footer data-am-widget="footer" class="am-footer am-footer-default" data-am-footer="{  }">
        <hr data-am-widget="divider" style="" class="am-divider am-divider-default"/>
        <div class="am-footer-miscs ">
            <p>CopyRight©2014 AllMobilize Inc.</p>
            <p>京ICP备13033158</p>
        </div>
    </footer>
    <!--底部-->
    <div data-am-widget="navbar" class="am-navbar am-cf my-nav-footer " id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-4 my-footer-ul">
            <li>
                <a href="/tces/index.html" class="">
                    <span class="am-icon-home"></span>
                    <span class="am-navbar-label">首页</span>
                </a>
            </li>
            <li>
                <a href="###" class="">
                    <span class=" am-icon-comments"></span>
                    <span class="am-navbar-label">消息</span>
                </a>
            </li>
            <li style="position:relative">
                <a href="javascript:;" onClick="showFooterNav();" class="">
                    <span class="am-icon-user"></span>
                    <span class="am-navbar-label">我的</span>
                </a>
                <div class="footer-nav m-img-thumbnail" id="footNav">
                    <span class=" am-icon-bank"><a href="/tces/mypj.html">我的评教</a></span>
                    <span class="am-icon-bar-chart"><a href="/index/user/index.html">评教结果</a></span>
                    <span class="am-icon-comments"><a href="#">消息中心</a></span>
                    <span class="am-icon-user"><a href="/index/user/index.html">个人资料</a></span>
                    <span class="am-icon-th-list"><a href="#">帮助中心</a></span>
                    <span class="am-icon-power-off"><a href="/admin/login.html">安全退出</a></span>
                </div>
            </li>
        </ul>
    </div>
    </div>

    <link href="/static/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/plugins/dataTables/jquery.dataTables.js" ></script>
    <script src="/static/plugins/dataTables/dataTables.bootstrap.js" ></script>
    <style>
        /*#editable_length{
            width: 24%;
        }*/

        /*#editable_length select{
            width: 100%;
        }*/
        #editable_filter{
            width: 100%;
            display: block;
        }
        #editable_filter input{
            width: 100%;
        }

        #editable{
            width: 100%;
        }
    </style>
    <script>
        function showFooterNav(){
            $("#footNav").toggle();
        }
        $(function(){
            var table;
            $(function () {
                table = $('#editable').DataTable( {
                    "ajax": {
                        "url": "/index/user/mypingjiaoList",
                        //默认为data，这里定义为demo
                        "dataSrc": "data"
                    },
                    "bSort" : false,
                    "columns": [
                        { "data": "ename" },
                        { "data": "tname" },
                        { "data": "score" }
                    ]

                } );
                $("#editable").css("width","100%");

            });


        })
    </script>
</body>
</html>
